<script scoped>
import Main from './pages/Main.vue'
import Menu from './pages/Menu.vue'
export default{
  components: {
    Main,
    Menu
  }
}
</script>
<template>
  <div class=" relative w-screen h-screen bg-[#000] text-[#fdfdfd] flex items-center justify-center">
    <div class="w-2/3 h-4/5  bg-[#1a1823] rounded-3xl font-bold relative">
      <Main></Main>
      <Menu></Menu>
      <div class=" absolute -top-9 right-0 w-auto px-2 h-8 bg-[#ff4757]  opacity-60 rounded-lg flex items-center justify-center text-sm">
        CenterMusic
      </div>
    </div>
  </div>
</template>

